<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="HandheldFriendly" content="true">
    <meta charset="UTF-8">
    <meta name="keywords" content="django,python,C++,数据结构,电脑操作技巧,个人博客">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>友情链接</title>
    <link rel="stylesheet" href="http://wzfdepress.com/static/css/global.css">
    <link rel="stylesheet" href="http://wzfdepress.com/static/css/pace-theme-flash.css">
    <link rel="stylesheet" href="http://wzfdepress.com/static/css/d-audio.css">
    <link rel="stylesheet" href="http://wzfdepress.com/static/css/link.css">
    <link rel="shortcut icon" href="http://img.wzfdepress.com/avatar.jpg">
    <style rel="stylesheet">
        .lazy-image {
            background: url('http://wzfdepress.com/static/img/loading.gif') no-repeat center;
            background-size: 26% 35%;
            height: 100%;
            width: 100%;
        }
    </style>
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <!--PC导航栏-->
    <nav class="nav-bar-holder">
        <div class="nav-bar" id="nav-bar">
            <div class="logo-box">
                <a href="index.html" class="blog-title ta-c"><img style="vertical-align: top;" alt="logo"
                        src="http://img.wzfdepress.com/avatar.jpg" /></a>
            </div>
            <div class="nb-a-holder" id="home"><a class="nb-a ta-c" href="index.html">首页</a></div>
            <div class="nb-a-holder"><a class="nb-a ta-c" href="category.html">分类</a></div>
            <div class="nb-a-holder"><a class="nb-a ta-c" href="archive.html">归档</a></div>
            <div class="nb-a-holder"><a id="active" class="nb-a ta-c" href="link.html">友情链接</a></div>
            <!--搜索框-->
            <div id="search-nb">
                <span class="search-s fl">
                    <label for="search-input"></label><input class="fl" type="text" id="search-input"
                        placeholder="请输入关键字">
                    <a class="search-icon fl" onclick="search_by_key()" href="javascript:void(0);"></a>
                </span>
            </div>
<!--            <div class="nb-a-holder-last">-->
<!--                <div class="nb-a-holder-small">-->
<!--                    <a class="a-login" href="login.html">登录</a>-->
<!--                </div>-->
<!--                <div class="nb-a-holder-small">-->
<!--                    <a class="a-login" href="register.html">注册</a>-->
<!--                </div>-->
<!--            </div>-->
        </div>
    </nav>
    <!--mobile导航栏-->
    <nav class="mobile-nav">
        <div class="logo-box">
            <a href="index.html" class="blog-title ta-c">
                <img style="vertical-align: top;" alt="logo" src="http://img.wzfdepress.com/avatar.jpg" /></a>
        </div>
        <a id="mobile_cate" style="background-image: url('http://wzfdepress.com/static/img/cate.svg')" href="javascript:void(0);"></a>
    </nav>
    <ul id="nav-m-list">
        <li id="cancel-li"><a class="fr" id="cancel" href="javascript:void(0);"></a></li>
        <li id="m-img-li">
            <img id="m-img" alt="苍茫误此生" src="http://img.wzfdepress.com/avatar.jpg">
        </li>
        <li>
            <span class="search-s fl">
                <label for="search-input-m"></label><input class="fl" type="text" id="search-input-m" placeholder="关键词">
                <a class="search-icon fl" onclick="m_search()" href="javascript:void(0);"></a>
            </span>
        </li>
        <li><a class="w-h-100 fl" href="index.html">首页</a></li>
<!--        <li><a class="w-h-100 fl" href="login.html">登录</a></li>-->
<!--        <li><a class="w-h-100" href="register.html">注册</a></li>-->
        <li><a class="w-h-100 fl" href="category.html">分类</a></li>
        
        <li><a class="w-h-100 fl" href="archive.html">归档</a></li>
        <li><a class="w-h-100 fl" href="link.html">友情链接</a></li>
    </ul>
    <div id="d-audio" class="d-audio" style="width: 150px; z-index: 99; position: fixed; bottom: 5px; left: 5px;"></div>
    <!--主体-->
    <div class="big-container">
        <article class="article">
            <!--友情链接-->
            <ul class="link-box" id="links">
<!--                <li>-->
<!--                    <a href="https://www.cangmangai.cn/" target="_blank">苍茫误此生博客</a>-->
<!--                    <span class="description">致力于分享web编程技术知识</span>-->
<!--                </li>-->
            </ul>
        </article>
    </div>
    <!--尾部-->
    <footer class="footer">
        <div class="footer-line">
            <div class="icon-center">
                <span class="icon-box"><a id="github-icon" target="_blank" href="https://gitee.com/cheerfulwzf"
                                          class="foot-icon"></a>
                </span>
                <span class="icon-box"><a id="qq-icon" target="_blank"
                                          href="tencent://Message/?Uin=2434780193&amp;websiteName=q-zone.qq.com&amp;Menu=yes"
                                          class="foot-icon"></a>
                </span>
            </div>
        </div>
        <div class="footer-line">Powered By <a href="mailto:cheerful0120@qq.com"
                                               target="_blank">Cheerful</a> • © 2021-10</div>
        <div class="footer-line"><a href="http://beian.miit.gov.cn/" target="_blank"> 蜀ICP备2021024763号</a>
    </footer>
    <script type="text/javascript" src="http://wzfdepress.com/static/js/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="http://wzfdepress.com/static/js/sweetalert.min.js"></script>
    <script type="text/javascript" src="http://wzfdepress.com/static/js/pace.min.js"></script>
    <script type="text/javascript" src="http://wzfdepress.com/static/js/base.js"></script>
    <script type="text/javascript" src="http://wzfdepress.com/static/js/d-audio.js"></script>
    <script type="text/javascript" defer>

        //图片懒加载
        const lazyImage = new LazyImage('.lazy-image');
        $(function () {
            $.ajax({
                url:"/friend",
                type:"get",
                success:function (data) {
                    let html="";
                    for (let i = 0; i < data.data.records.length; i++) {
                        let item=data.data.records[i];
                        html+=`<li>
                                    <a href="`+item.friendUrl+`" target="_blank">`+item.nickname+`</a>
                                    <span class="description">`+item.friendDesc+`</span>
                                  </li>`;
                    }
                    $("#links").html(html);
                }
            })
        })
    </script>
    </script>
</body>

</html>